<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>
        陌上人如玉公子世无双
        <p>愿你与我立黄昏,愿你与我立粥可温</p>
    </div>

    <input type="text" value="月亮很亮,亮也没用,没用也亮">
    <script>
        // var divEle = document.querySelector('div');
        // // console.log(divEle.innerText); 
        // // 只显示文本  不显示标签

        // // divEle.innerText = `我的每一支笔<span>都知道你的名字</span>`
        // // // console.log(divEle.innerText);
        // // // 把标签当做普通文本输出 


        // var divEle = document.querySelector('div');
        // console.log(divEle.innerHTML); 
        // // 输出内容  包含标签 

        // divEle.innerHTML = `我的每一支笔<span>都知道你的名字</span>`
        // // 在页面上解析标签  
        // console.log(divEle.innerHTML);
        // //打印到控制台会显示标签  

        // var inp = document.getElementsByTagName('input')[0];
        // alert(inp.value)
        // inp.value = '我喜欢你,喜欢没用,没用也喜欢'

    </script>
</body>
</html>